<template>
  <div class="home">
    <van-empty image="search" description="抱歉，没有搜索到商品" />
    <!-- v-if="goodsList.length == 0" -->
    <!-- <div v-else>
      <ul>
        <li v-for="item in goodsList" :key="item.id">
          <img :src="item.list_pic_url" alt="" @click="ccc" />
          <p>{{ item.name }}</p>
          <p>{{ item.retail_price }}</p>
        </li>
      </ul>
    </div> -->
    <van-cell
      v-for="item in searchTipsArr"
      :key="item"
      :title="item"
      @click="geiValue(item)"
    />
  </div>
</template>

<script>
import Vue from "vue";
import { Empty } from "vant";

Vue.use(Empty);
export default {
  name: "",
  props: {
    // filterCategory: [], //父传子
    searchTipsArr: [],
    // goodsList: [],
  },
  data() {
    return {};
  },
  methods: {
    onLoad() {
      //加载事件 滚动条与底部距离小于 offset 时触发
    },
    geiValue(val) {
      console.log(100, val);
      //点击搜索列表搜索
      this.$emit("setValue", val);
    },
  },
};
</script>
<style lang="less" scoped>
</style>